<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/myCustomer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="shopListApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					订单 - -退货完成订单
				</div>
				<hr class="hr-style" />
				<div class="my_height_20">
					<el-table :data="tableData" border style="width: 100%">
						<el-table-column prop="shopsOrderNo" label="订单Id" width="180">
						</el-table-column>
						<el-table-column prop="refundTime" label="退款时间" width="180">
						</el-table-column>
						<el-table-column prop="reason" label="退款原因" width="180">
						</el-table-column>
						<el-table-column  label="商品信息" width="180">
							<template slot-scope="scope">
								<p>
									<span> 商品名称:{{scope.row.commodityName}}</span>
								</p>
								<p>
									<span> 商品数量:{{scope.row.amount}}</span>
								</p>
							</template>
						</el-table-column>
						<el-table-column  label="退款用户" width="180">
							<template slot-scope="scope">
								<p>
									<span> 用户昵称:{{scope.row.nickname}}</span>
								</p>
								<p>
									<span> 用户手机号:{{scope.row.phone}}</span>
								</p>
							</template>
						</el-table-column>
						<el-table-column label="操作">
							<template slot-scope="scope">
								<el-button size="mini" type="danger" @click="handleConfig(scope.row)">确认退款</el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</div>
		</div>
	</body>
</html>
